<page-header [title]="'编辑产品'">
    <!--<ng-template #breadcrumb>-->
      <!--<nz-breadcrumb>-->
        <!--<nz-breadcrumb-item>基本信息</nz-breadcrumb-item>-->
        <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">产品资料</a></nz-breadcrumb-item>&ndash;&gt;-->
      <!--</nz-breadcrumb>-->
    <!--</ng-template>-->
    <!--<ng-template #tab>-->
      <!--<nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">-->
        <!--<nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>-->
        <!--&lt;!&ndash;<nz-tab nzTitle="文件信息" (nzSelect)="changeTab(1)"></nz-tab>&ndash;&gt;-->
        <!--&lt;!&ndash;<nz-tab nzTitle="其他" (nzSelect)="changeTab(2)"></nz-tab>&ndash;&gt;-->
      <!--</nz-tabset>-->
    <!--</ng-template>-->
    <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回列表</button></ng-template>
  
    <!--<ng-template #extraTemplate>-->
      <!--<button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回列表</button>-->
    <!--</ng-template>-->
  </page-header>
  <nz-spin [nzSpinning]="loading">
  
  <nz-card nzTitle="基本信息">
    <form nz-form>
      <nz-form-item>
  
        <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.orderNo" name="orderNo">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.cusName" name="cusName">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.cusMobile" name="cusMobile">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>车型</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.orderCartype" name="orderCartype">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>车牌</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.orderCarno" name="orderCarno">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>VIN号</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.carVin" name="carVin">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>GPS状态</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.gpsStatus" name="gpsStatus">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>GPS品牌</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.gpsBrand" name="gpsBrand">
        </nz-form-control>
        
        <nz-form-label nzSpan="2" nzRequired>安装内容</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.gpsType" name="gpsType">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>计划安装时间</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.gpsTime" name="gpsTime">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>联系人</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.gpsUser" name="gpsUser">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.gpsMobile" name="gpsMobile">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>安装地点</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.gpsAddr" name="gpsAddr">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>安装状态</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.gpsStatus" name="gpsStatus">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>安装人</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.installUser" name="installUser">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>安装时间</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.installDate" name="installDate">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>GPSID1</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.installId1" name="installId1">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>GPSID2</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.installId2" name="installId2">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>GPSID3</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.installId3" name="installId3">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>GPSID4</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.installId4" name="installId4">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>GPSID5</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.installId5" name="installId5">
        </nz-form-control>
  
        <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="gpsData.gpsRemark" name="gpsRemark">
        </nz-form-control>
  
      </nz-form-item>
    </form>
  </nz-card>
  
    <nz-card nzTitle="文件信息">
  
      <form nz-form>
        <div class="clearfix">
  
          <nz-upload
            [nzMultiple]="true"
            [nzAction]="uploadUrl"
            [nzData]="avatarParam"
            nzListType="picture-card"
            [(nzFileList)]="fileList"
            [nzShowButton]="fileList.length < 30"
            (nzChange)="upLoadChange($event)"
            [nzPreview]="handlePreview">
  
            <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
            <div style="margin-top: 0px; color: #666;">  </div>
          </nz-upload>
          <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
            <ng-template #modalContent>
              <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
            </ng-template>
          </nz-modal>
        </div>
  
      </form>
    </nz-card>
    <nz-card nzTitle="维护列表">
        <simple-table #st
        [columns]="columns"
        [data]="url"
        [ps]="ps"
        [extraParams]="q"
        [resReName]="{total:'total', list:'data'}"
        [reqReName]="{pi:'pageNumber', ps:'pageSize'}"
        toTopInChange
        [showTotal]="true"
        [showPagination]="true"
        [showSizeChanger]="true"
        [scroll]="{x:'1800px'}"
        (checkboxChange)="checkboxChange($event)"
        >
      </simple-table>
    </nz-card>
  </nz-spin>
  
  <!-- <footer-toolbar errorCollect>
    <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
  </footer-toolbar> -->
  